<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历查看</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="format-detection" content="telephone=yes" />
    <!--<meta name="viewport" content="width=device-width,initial-scale=1.0">-->
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
    <style>
        .resume{
            width: 70%;
            margin: 0 auto;
            min-height: 600px;
            background-color: white;
            padding: 30px;
            box-sizing: border-box;
        }
        .resumeHead{
            display: flex;
            align-items: center;
        }
        .resumeHead img{
            width: 50px;
            height: 50px;
            margin-right: 15px;
            border-radius: 50px;
        }
        .tabs{
            padding:10px 30px;
            box-sizing: border-box;
        }
        .tabsBtn,.resumeList{
            padding: 0 30px;
            margin-bottom: 20px;
            box-sizing: border-box;
        }
        .tabs span{
            margin-right: 30px;
        }
        .resumeTitile{
            padding: 0 10px;
            border-left: 3px solid #2C87FA;
        }
        .resumeText img{
            width: 120px ;
            height: 80px;
            margin-right: 30px;
        }
        .resumeText{
            padding-left: 20px;
            margin-top: 10px;
            box-sizing: border-box;
        }

    </style>
</head>
<body>
    <div>
        <div class="resume">
            <div class="resumeHead">
                <img src="{$data.avatars}" alt="">
                <span style="font-weight: bold; size: 14px; padding-right: 20px;">{$data.fullname}</span><br/>
                <span>ID：{$data.id}</span>
            </div>
            <div class="tabs">
                <span>{$data.first_work_date}年经验</span>
                <span>{$data.educationzg}</span>
                <span>{$data.age}岁</span>
                <span>{$data.current_cn}</span>
                <span>户籍地:{$data.householdaddress_cn}</span>
                <span>现居住:{$data.residence_cn}</span>
            </div>
            <div class="tabsBtn">
                <el-button type="primary" plain size="mini" style="background-color: #93D1FF">{$data.political_cn}</el-button>
                <el-button type="primary" plain size="mini" style="background-color: #93D1FF">{$data.marriage_cn}</el-button>
                <el-button type="primary" plain size="mini" style="background-color: #93D1FF">{$data.country}</el-button>
                <el-button type="primary" plain size="mini">目前年收入:{$data.year_income}</el-button>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    联系方式
                </div>
                <div class="resumeText"><span>手机号：{$data.telephone}</span></div>
                <div class="resumeText"><span>邮箱：{$data.email}</span></div>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    自我评价
                </div>
                <div class="resumeText">
                <span style="word-wrap:break-word; word-break:normal;">{$data.specialty}</span>
                </div>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    求职信息
                </div>
                <div class="resumeText"><span>意向职位：{$data.intention_jobs}</span></div>
                <div class="resumeText"><span>职位类别：{$data.jobs_id_cn}</span></div>
                <div class="resumeText"><span>工程类别：{$data.trade_cn}</span></div>
                <div class="resumeText"><span>期望工作地点：{$data.district_cn}</span></div>
                <div class="resumeText"><span>期望薪资范围：{$data.wage_cn}</span></div>
                <div class="resumeText"><span>期望工作性质：{$data.nature_cn}</span></div>
                <div class="resumeText"><span>求职状态：{$data.current_cn}</span></div>
                <div class="resumeText"><span>期望到岗时间：{$data.duty_time_cn}</span></div>
                <div class="resumeText"><span>期望福利：{$data.job_tag_cn}</span></div>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    教育经历
                </div>
                <volist name="data.education" id="vo">
                    <div class="resumeText"><span>{$vo.school} </span><span> {$vo.speciality}</span> <span>{$vo.education_cn}</span> <span>{$vo.start_date}——{$vo.end_date}</span></div>
                </volist>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    工作单位/项目经历
                </div>
                <volist name="data.workList" id="work">
                    <div class="resumeText"><span>单位/项目名称: {$work.companyname}</span></div>
                    <div class="resumeText"><span>单位/所任职位: {$work.jobs}</span></div>
                    <div class="resumeText"><span>任职时间: {$work.start_date}——{$work.end_date}</span></div>
                    <div class="resumeText"><span>工作地点: {$work.address}</span></div>
                    <div class="resumeText"><span>工作内容: {$work.achievements}</span></div>
                </volist>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    语言能力
                </div>
                <volist name="data.languageList" id="language">
                    <div class="resumeText"><span>{$language.language_cn}: {$language.level_cn}</span></div>
                </volist>
            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    资格证书
                </div>
                <volist name="data.credentList" id="credent">
                    <div class="resumeText"><span>{$credent.name}&nbsp;&nbsp;&nbsp;{$credent.year_month}&nbsp;&nbsp;&nbsp;{$credent.grading}</span></div>
                </volist>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    其他技能特长
                </div>
                <div class="resumeText"><span>  {$data.skill}  </span></div>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    照片
                </div>
                <div class="resumeText">
                    <volist name="data.resume_img" id="imgs">
                        <img src="{$imgs.img}" alt="">
                    </volist>

                </div>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    视频
                </div>
                <div class="resumeText">
                    <notempty name="data.video.resume_video_title">
                        <video src="{$data.video.resume_video}" controls="controls">
                            您的浏览器不支持 video 标签。
                        </video>
                    </notempty>
                </div>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    简历附件
                </div>
                <div class="resumeText">
                    <span><a href="{$data.word.word_resume}">{$data.word.word_resume_title}</a></span><br/>
                    <span><a href="{$data.word.other_word_resume}">{$data.other_word.other_word_resume_title}</a></span>
                </div>

            </div>
            <div style="display: flex; justify-content: center">
                <el-button type="primary">确定</el-button>
            </div>
        </div>
    </div>

</body>
</html>
